<!--
 * @Author: 471826078@qq.com
 * @name: 
 * @Date: 2020-09-18 15:21:48
-->
<template>
  <div :class="isFullScreen ? 'container fullCon' : 'container'">
    <!-- <div style="min-height:500px;overflow-y:auto;overflow-x:hidden"> -->
    <!-- <overViewTop :area="area" :investmentType="investmentType" v-if = '!isEsUser()'></overViewTop>
            <overViewCenter :area="area" :investmentType="investmentType" v-if = '!isEsUser()'></overViewCenter> -->
    <overViewCommon
      :area="area"
      :investmentType="investmentType"
    ></overViewCommon>
    <overViewBottom
      :area="area"
      :investmentType="investmentType"
      :isFullScreen="isFullScreen"
    ></overViewBottom>
    <!-- </div> -->
  </div>
</template>

<script>
// import overViewTop from "@/components/bigScreen/overViewTop";
// import overViewCenter from "@/components/bigScreen/overViewCenter";
import overViewBottom from '@/components/bigScreen/overViewBottom'
import overViewCommon from '@/components/bigScreen/overViewCommon'

export default {
  name: 'overView',
  components: {
    // overViewTop,
    // overViewCenter,
    overViewBottom,
    overViewCommon,
  },
  props: {
    area: {
      type: String,
      default: '湖北省',
    },
    investmentType: {
      type: String,
    },
    isFullScreen: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      changeAreaData: '',
    }
  },
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style lang="less" scoped>
.container {
  //   position: absolute;
  //   top: 48px;
  //   left: 12px;
  //   right:12px;
  //   bottom:12px;
  //   background: #31546B;
  overflow: hidden;
  height: calc(100% - 56px);
}
.fullCon {
  height: calc(100% - 116px);
}
@media screen and (max-height: 500px) {
  .container {
    min-height: 440px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}
</style>
